<template>
  <el-container>
    <el-header class="color-1">
      <navbar></navbar>
    </el-header>
    <el-main>
      <div>
        <china></china>

        <el-divider></el-divider>
        <h2>国内各个省份的疫情走势</h2>
        <chinatrend></chinatrend>
        <el-divider></el-divider>
        <h2>国内各个省份疫情控制</h2>
        <chinava></chinava>
        <el-divider></el-divider>
        <h2>疫苗对疫情控制</h2>
        <chinainoculation></chinainoculation>
        <el-row :gutter="20">
          <el-col :span="10">
            <div class="grid-content bg-purple">
              <chinayimiao></chinayimiao>
            </div>
          </el-col>
          <el-col :span="10">
            <div class="grid-content bg-purple">
                <h3></h3>
            </div>
          </el-col>
        </el-row>
        <el-divider></el-divider>
      </div>
    </el-main>
  </el-container>
</template>

<script>
import chinava from './ChinaVarirance.vue'
import chinainoculation from './ChinaInoculation.vue'
import chinayimiao from "./ChinaYimiao.vue";
import chinatrend from "./ChinaTrend.vue";
import navbar from "./Navbar.vue";
import china from "./China.vue";
export default {
  components: {
    navbar,
    china,
    chinatrend,
    chinayimiao,
    chinainoculation,
    chinava
  },
};
</script>

<style>
.el-main {
  background-color: #ffffff;
  color: #333;
  text-align: center;
  height: 100vh;
}
</style>